<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE  html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Indian Wildlife Gateway</title>
		
		<!-- CSS -->
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/social-icons.css" type="text/css" media="screen" />
		<!-- ENDS CSS -->	
		
		<!--[if IE]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<!-- ENDS JS -->
		
		<!-- JS -->
		<script type="text/javascript" src="hello.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/custom.js"></script>
		<script type="text/javascript" src="js/slider.js"></script>
		<script src="js/slides/source/slides.min.jquery.js"></script>
		<script src="js/quicksand.js"></script>
		
		<!-- superfish -->
		<link rel="stylesheet" media="screen" href="css/superfish.css" /> 
		<script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
		<script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
		<script type="text/javascript" src="js/superfish-1.4.8/js/supersubs.js"></script>
		<!-- ENDS superfish -->

		<!-- poshytip -->
		<link rel="stylesheet" href="js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
		<link rel="stylesheet" href="js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
		<script type="text/javascript" src="js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
		<!-- ENDS poshytip -->
		
		<!-- Tweet -->
		<link rel="stylesheet" href="css/jquery.tweet.css" media="all"  type="text/css"/> 
		<script src="js/tweet/jquery.tweet.js" type="text/javascript"></script> 
		<!-- ENDS Tweet -->
		
		<!-- prettyPhoto -->
		<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
		<!-- ENDS prettyPhoto -->
		
		<!-- GOOGLE FONTS -->
		<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
		
<script type="text/javascript">
function check(){
	if($("#t1").val().length==0||$("#p1").val().length==0){
		$("#d1").text("");
		 $('#b1').attr("disabled", true);

	}
	else{
		 $('#b1').attr("disabled",false);

		
	}
}
</script>
	</head>
	<body>

	
		<!-- Dynamic Background -->
		<div id="headerimgs">
			<div id="headerimg1" class="headerimg"></div>
			<div id="headerimg2" class="headerimg"></div>
		</div>
		<!-- ENDS Dynamic Background -->
		
		<!-- background nav -->
		<div id="headernav">
			<div id="back" class="btn"></div>
			<div id="next" class="btn"></div>
		</div>
		<!-- ENDS background nav -->
		
		<div id="top-gap"></div>

		<!-- wrapper -->
		<div class="wrapper">
		
			<a href="index.html"><img  id="logo" src="img/logo3.png" alt="Kroft"></a>
			
			
			<!-- nav bar holder -->
			<div id="nav-bar-holder">
				<!-- Navigation -->
				<ul id="nav" class="sf-menu">
					<li class="current-menu-item"><a href="index.html">Home</a></li>
					<li><a href="javascript:void(0);"id="login">Legal</a></li>
					
					<li><a href="page.html">Join Us</a>
						<ul>
							<li><a href="newregistration.jsp">Sign Up</a></li>
							<li><a href="page.html">Internships</a></li>
							<li><a href="page-fullwidth.html">Partnerships</a></li>
						</ul>
					</li>
					<li><a href="portfolio.html">About Us</a>
					
					</li>
					<li><a href="blog.html">Newsroom</a>
					<ul>
							<li><a href="page.html">Announcements</a></li>
							<li><a href="page-fullwidth.html">Press Kit</a></li>
						</ul>
					</li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
				<!-- ENDS Navigation -->
				
				<!-- Social -->
				<ul class="social">
					<li><a href="http://www.facebook.com" class="poshytip  facebook" title="Become a fan"></a></li>
					<li><a href="http://www.twitter.com" class="poshytip  twitter" title="Follow my tweets"></a></li>
					<li><a href="http://www.dribbble.com" class="poshytip  dribbble" title="Working on..."></a></li>
				</ul>
				<!-- ENDS Social -->
			</div>
			<!-- ENDS nav bar holder -->
				
			<!-- content wrap -->	    	
	        <div id="content-wrap">
	        	
	        	<!-- Page wrap -->
	        	<div id="page-wrap">
	        	
	        		
	        		<!-- Front slider -->
	        		<div id="front-slides">
						<div class="slides_container">
							<div class="slide">
								<a href="#" target="blank"><img src="img/dummies/tiger.png"  alt="pic" width="940" height="360"  /></a>
								<div class="caption">Raise a voice </div>
							</div>
							<div class="slide">
								<a href="#" target="blank"><img src="img/dummies/2.png" alt="pic" width="940" height="360"  /></a>
								<div class="caption">Support our cause</div>
							</div>
							<div class="slide">
								<img src="img/dummies/1.jpg" alt="pic" width="940" height="360"  />
								<div class="caption">Together we can!.</div>
							</div>
						</div>
						
						<div id="front-slides-cover"></div>
							
						<!-- Headline -->
						<div id="headline"><h6></h6></div>
						<!-- ENDS Headline -->	
					
					</div>
					<!-- ENDS Front slider -->
					
					
					<!-- Reel slider -->
	        		<div id="reel">
						<div class="slides_container">
							
							<div class="slide-box">
								<div class="box-container">
									<img src="img/mono-icons/bargraph32.png" class="box-icon" alt="pic"/>
									<h6>Vision</h6>
									<div class="box-divider"></div>We seek to be the voice for those creatures who have no voice. We speak for their future. We seek to apply the wealth of our talents, knowledge, and passion to making the world wealthier in life, in spirit, and in living wonder of nature.</div>
								<div class="box-container">
									<img src="img/mono-icons/boxupload32.png" class="box-icon" alt="pic"/>
									<h6>Mission</h6>
									<div class="box-divider"></div>Indian Wildlife Gateway's mission is to conserve nature and reduce the most pressing threats to the diversity of life in India. </div>
								<div class="box-container">
									<img src="img/mono-icons/article32.png" class="box-icon" alt="pic"/>
									<h6>Login</h6>
									<div class="box-divider"></div> 
									<form action="Login.action" method="post">
									<s:actionerror/>
									<table align="center">
									<tr><td><b>Username:</td><td><input id="t1" type="text" name="username" onblur="check()"/></td></tr>
									<tr><td><b>Password:</td><td><input id="p1" type="password" name="password"/ onblur="check()"></td></tr>
									<tr><td colspan="2"><div id="d1"></div></td></tr>
									<tr><td></td></tr>
									<tr><td ><input type="submit" id="b1" value="LOG IN"/></td>
									<td align="right"><a href="newregistration.jsp"/>Sign Up!</td>
									</tr> 
									</table>
									</form>
									</div>
							</div>
							
							
																	
						</div>
						<a href="#" class="prev"></a>
						<a href="#" class="next"></a>
					</div>
					<!-- ENDS Reel slider -->
					
					
					
					<!-- Featured -->
					<div class="featured-title">
						<div class="ribbon"><span>Featured Articles</span></div>
					</div>
					
					<ul class="featured-posts">
						<li>
							<a href="single.html" class="thumb" title="An image"><img src="img/dummies/f1.png" alt="Post" /></a>
							<div class="excerpt">
								<div class="heading"><a href="single.html">Save the Indian Rhino!</a></div>Help IWG to prevent poaching of the Indian Rhino.
							</div>
						</li>
						
						<li>
							<a href="single.html" class="thumb" title="An image"><img src="img/dummies/f2.png" alt="Post" /></a>
							<div class="excerpt">
								<div class="heading"><a href="single.html">National Lion Conservation</a></div>Gir Wildlife Sanctuary to host the annual National Lion Conservation conference.
							</div>
						</li>
						
						<li>
							<a href="single.html" class="thumb" title="An image"><img src="img/dummies/f3.png" alt="Post" /></a>
							<div class="excerpt">
								<div class="heading"><a href="single.html">Tiger Poulation Report</a></div>Marginal increase in toger population observed, but offcials claim it is not enough.</div>
						</li>
						<li>
							<a href="single.html" class="thumb" title="An image"><img src="img/dummies/f4.png" alt="Post" /></a>
							<div class="excerpt">
								<div class="heading"><a href="single.html">Deer Awareness Camp 2012</a></div>The annual Deer Awareness Camp will be organized at Nagarhole National Park, Karnataka</div>
						</li>
						
						<li>
							<a href="single.html" class="thumb" title="An image"><img src="img/dummies/f5.png" alt="Post" /></a>
							<div class="excerpt">
								<div class="heading"><a href="single.html">Antelopes Shot!</a></div>Government promises active investigation over possible culprits.</div>
						</li>
						
						<li>
							<a href="single.html" class="thumb" title="An image"><img src="img/dummies/f6.png" alt="Post" /></a>
							<div class="excerpt">
								<div class="heading"><a href="single.html">Tiger Festival</a></div>Corbett National Park to organize a Tiger Festival. More details to follow soon.	</div>
						</li>
					</ul>
					<div class="clear"></div>
					<!-- ENDS Featured -->
					
	        	
	        	</div>
	        	<!-- ENDS Page wrap -->
	        	
	        </div>
	        <!-- ENDS content wrap -->
	        
        </div>
		<!-- ENDS Wrapper -->
		
		<!-- FOOTER -->
		<div id="footer">
				
		</div>
		<!-- ENDS FOOTER -->
		
		<!-- footer-bottom -->
		<div id="footer-bottom">
			<div class="bottom-wrapper">
				<div id="bottom-left">
					&copy; IIIT Bangalore.  <a href="#"></a>
				</div>
				<div id="bottom-right">
					<ul id="footer-nav">
						<li><a href="index.html">Home</a></li>
						<li><a href="gallery.html">Gallery</a></li>
						<li><a href="page.html">Pages</a>
						<li><a href="page.html">Contact</a>
					</ul>
				</div>
			</div>
		</div>
		<!-- ENDS footer-bottom -->


		
	</body>
</html>